<script setup lang="ts">
import { ref, reactive, defineEmits } from 'vue'

const daterange = ref('')
const tableData = ref([
{ id: 1, time: '2023-01-01', ip: '113.87.90.48（广东省深圳市 电信)' },
{ id: 1, time: '2023-01-01', ip: '113.87.90.48（广东省深圳市 电信)' },
{ id: 1, time: '2023-01-01', ip: '113.87.90.48（广东省深圳市 电信)' },
{ id: 1, time: '2023-01-01', ip: '113.87.90.48（广东省深圳市 电信)' },
{ id: 1, time: '2023-01-01', ip: '113.87.90.48（广东省深圳市 电信)' },
{ id: 1, time: '2023-01-01', ip: '113.87.90.48（广东省深圳市 电信)' },
{ id: 1, time: '2023-01-01', ip: '113.87.90.48（广东省深圳市 电信)' },
{ id: 1, time: '2023-01-01', ip: '113.87.90.48（广东省深圳市 电信)' },
{ id: 1, time: '2023-01-01', ip: '113.87.90.48（广东省深圳市 电信)' },
{ id: 1, time: '2023-01-01', ip: '113.87.90.48（广东省深圳市 电信)' },
])

const emit = defineEmits(['updatePageShow', 'updateLogShow'])
const backHandle = () => {
    emit('updatePageShow', true)
    emit('updateLogShow', false)
}


</script>
<template>
    <div class="bs-panel">
        <div class="bs-panel-body">
            <div class="bs-panel_hd">
                <div class="bs-panel_tt bold">登录日志</div>
                <el-link @click="backHandle">返回上一页</el-link>
            </div>
            <div class="cert-filter">
                <el-date-picker
                v-model="daterange"
                type="daterange"
                start-placeholder="Start Date"
                end-placeholder="End Date"
                :default-value="[new Date(2024, 9, 1), new Date(2025, 10, 1)]"
                />
            </div>
            <div class="numner-top">搜索结果共89条</div>
            <el-table :data="tableData" style="width: 100%">
                <el-table-column prop="id" label="序号"  />
                <el-table-column prop="time" label="登录时间"  />
                <el-table-column prop="ip" label="登录IP" />
            </el-table>
            <div class="bs-panel-footer">
                <el-pagination background layout="prev, pager, next" :total="1000" />
            </div>
        </div>
    </div>
</template>
<style scoped lang='scss'>
    .numner-top{
        padding:20px 0 10px 0;
    }
</style>